<!doctype html>
<html lang="zh-CH">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
	<title>木投网--个人中心--购物车</title>
	<link rel="stylesheet" href="css/mt_index.css">
	<link rel="stylesheet" href="css/mt_user.css">
	<link rel="stylesheet" href="css/mt_showBo.css">
</head>
<body>
<!-- 顶部 -->
<div class="head">
	<div class="top-nav">
		<div class="main">
			<div class="left">
				<!-- 登录后 -->
				<span class="login-after">
					<a href="javascript:;">您好，苏明（186****4566）</a>
					<a href="javascript:;">退出!</a>
				</span>
			</div>
			<div class="right">
				<ul>
					<li><a href="javascript:;">我的木投网</a><span>|</span></li>
					<li><a href="javascript:;">我的订单</a><span>|</span></li>
					<li><a href="javascript:;">在线客服</a><span>|</span></li>
					<li><span class="last">客服热线：400-036-7917</span></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="top top-shopping">
		<div class="main">
			<div class="logo left">
				<a href="javascript:;" class="left"><img src="img/logo.png" alt=""></a>
				<span>购物车</span>
			</div>
		</div>
	</div>
</div>	
<!-- 购物车空 -->
<!-- <div class="shopping-none main">
	<div class="none-wrap">
		<i></i>
		<div class="info">
			购物车空空的哦~，去看看心仪的商品吧~<br/>
			<a href="javascript:;">去购物&#62</a>
		</div>
	</div>
</div> -->
<!-- 购物车内容 -->
<div class="shopping-cont main">
	<div class="title">
		<div class="til">全部商品<span>3</span>个</div>
	</div>
	<div class="shopping-wrap">
		<div class="table info-font">
			<table>
				<thead>
					<tr>
						<th width="">商品信息</th>
						<th width="160px">库存</th>
						<th width="220px">单价</th>
						<th width="180px">数量</th>
						<th width="200px">合计（元）</th>
						<th width="170px">操作</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>
							<a href="javascript:;" target="blank"><img src="img/floor_shop_2.jpg" alt=""></a>
							<a href="javascript:;" target="blank">柚木</a>
						</td>
						<td class="stock-num"><div>10000立方米</div></td>
						<td><div>￥1700.00</div></td>
						<td>
							<div class="info-num">
								<a href="javascript:;" class="pre"></a>
								<input type="text" id="info-num" placeholder="1">
								<a href="javascript:;" class="next"></a>
							</div>
						</td>
						<td><span>￥1700.00</span></td>
						<td>
							<a href="javascript:;" class="a-delete">删除</a>
							<a href="javascript:;" class="btn-accounts">去结算</a>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="table info-font">
			<table>
				<thead>
					<tr>
						<th width="">商品信息</th>
						<th width="160px">库存</th>
						<th width="220px">单价</th>
						<th width="180px">数量</th>
						<th width="200px">合计（元）</th>
						<th width="170px">操作</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>
							<a href="javascript:;" target="blank"><img src="img/floor_shop_2.jpg" alt=""></a>
							<a href="javascript:;" target="blank">柚木</a>
						</td>
						<td class="stock-num"><div>100立方米</div></td>
						<td><div>￥1700.00</div></td>
						<td>
							<div class="info-num">
								<a href="javascript:;" class="pre"></a>
								<input type="text" id="info-num" placeholder="1">
								<a href="javascript:;" class="next"></a>
							</div>
						</td>
						<td><span>￥1700.00</span></td>
						<td>
							<a href="javascript:;" class="a-delete">删除</a>
							<a href="javascript:;" class="btn-accounts">去结算</a>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="table info-font">
			<table>
				<thead>
					<tr>
						<th width="">商品信息</th>
						<th width="160px">库存</th>
						<th width="220px">单价</th>
						<th width="180px">数量</th>
						<th width="200px">合计（元）</th>
						<th width="170px">操作</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>
							<a href="javascript:;" target="blank"><img src="img/floor_shop_2.jpg" alt=""></a>
							<a href="javascript:;" target="blank">柚木</a>
						</td>
						<td class="stock-num"><div>20立方米</div></td>
						<td><div>￥1700.00</div></td>
						<td>
							<div class="info-num">
								<a href="javascript:;" class="pre"></a>
								<input type="text" id="info-num" placeholder="1">
								<a href="javascript:;" class="next"></a>
							</div>
						</td>
						<td><span>￥1700.00</span></td>
						<td>
							<a href="javascript:;" class="a-delete">删除</a>
							<a href="javascript:;" class="btn-accounts">去结算</a>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="delete-all">
			<a href="javascript:;"><i></i>清空购物车</a>
		</div>
	</div>
</div>
<!-- 底部 -->
<div class="foot">
	<div class="main">
		<div class="left">
			<div class="foot-nav">
				<dl>
				    <dt><span>如何买木材</span></dt>
				    <dd>
				    	<a href="javascript:;" target="_blank">如何委托找货</a> 
				    	<a href="javascript:;" target="_blank">如何自己找货</a>
				    	<a href="javascript:;" target="_blank">如何支付</a>
				    </dd>
				</dl>
				<dl>
				    <dt><span>如何卖木材</span></dt>
				    <dd>
				    	<a href="javascript:;" target="_blank">如何入驻木投网</a> 
				    	<a href="javascript:;" target="_blank">如何发布商品</a>
				    	<a href="javascript:;" target="_blank">如何收款</a>
				    </dd>
				</dl>
				<dl>
				    <dt><span>常见问题</span></dt>
				    <dd>
				    	<a href="javascript:;" target="_blank">采购流程</a> 
				    	<a href="javascript:;" target="_blank">委托物流</a>
				    	<a href="javascript:;" target="_blank">意见反馈</a>
				    </dd>
				</dl>
			</div>
			<div class="foot-info">
				<ul>
					<li><a href="javascript:;">关于我们</a><span>|</span></li>
					<li><a href="javascript:;">法律声明</a><span>|</span></li>
					<li><a href="javascript:;">诚聘英才</a><span>|</span></li>
					<li><a href="javascript:;">投资洽谈</a><span>|</span></li>
					<li><a href="javascript:;">联系我们</a><span>|</span></li>
					<li><a href="javascript:;">常见问题</a></li>
				</ul>
				<p>北京木投网科技有限公司 京ICP备15043001   Copyright © 2016  Mutouw.com 版权所有</p>
			</div>
		</div>
		<div class="foot-code right">
			<img src="img/foot_code.png" alt="">
		</div>
	</div>
</div>
<!-- 返回顶部 -->
<div class="pos-tooblar">
	<a href="javascript:;" class="pos-tooblar-time">
		<span class="tooblar-later"></span>
	</a>
	<a href="javascript:;" class="pos-tooblar-service">
		<span class="tooblar-later"></span>
	</a>
	<a href="javascript:;" class="pos-tooblar-tel">
		<span class="tooblar-later"></span>
	</a>
	<a href="javascript:;" class="pos-tooblar-top" id="backTop"></a>
</div>
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/mt_index.js"></script>
<script src="js/mt_showBo.js"></script>  <!-- 提示信息 -->
<script>
	//点击删除全部
	$('.delete-all a').click(function(){
		Showbo.Msg.confirm('<img class="left" src="img/user_if.png" alt=""><span style="float:left;font-size:22px;color:#221815;text-align:left;line-height:34px;">清空购物车？ <br/><i class="font-size:14px;color:#898989;">购物车的商品会全部消失</i></span>',function(btn){
			if (btn == 'yes') {
				console.log('确定');
			}else{
				return false;
			};
		});
		$('input.btn+input.btn').css('margin-right','-100px');
	});
	//点击删除单个
	$('.a-delete').click(function(){
		Showbo.Msg.confirm('<img class="left" src="img/user_if.png" alt=""><span style="float:left;font-size:22px;">确定删除该商品？</span>',function(btn){
			if (btn == 'yes') {
				console.log('确定');
			}else{
				return false;
			};
		});
		$('input.btn+input.btn').css('margin-right','-78px');
	});
</script>
</body>
</html>